import React from 'react'
import { NavBar } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'

export default function Cc() {
    const navigate = useNavigate()
    const back = () => {
        navigate('/app/xun')
    }

    return (
        <div>
            <NavBar onBack={back}>标题</NavBar>
            <div style={{ display: 'flex' }}>
                <div style={{ width: '200px', height: '250px', backgroundColor: 'rgb(174,139,86)', borderRadius: '40% 40% 0 0', position: 'absolute', left: '-120px', top: '130px' }}></div>
                <img style={{ position: 'absolute', left: '100px', top: '80px', height: '300px' }} src='https://cdn8.axureshop.com/demo2024/2322481/images/%E4%BC%A0%E6%89%BF%E4%BA%BA/u453.svg' />
                <div style={{ width: '200px', height: '250px', backgroundColor: 'rgb(174,139,86)', borderRadius: '40% 40% 0 0', position: 'absolute', right: '-120px', top: '130px' }}></div>
            </div>
            <div style={{ width: '231px', height: '50px', backgroundColor: 'rgb(198,185,149)', position: 'absolute', left: '100px', top: '330px' }}><p style={{ color: 'white', fontSize: '22px', fontWeight: 'bold', marginTop: '10px', marginLeft: '75px' }}>梅葆玖</p></div>
            <div style={{ width: '200px', height: '50px', backgroundColor: 'rgb(198,185,149)', position: 'absolute', left: '-120px', top: '330px' }}></div>
            <div style={{ width: '200px', height: '50px', backgroundColor: 'rgb(198,185,149)', position: 'absolute', right: '-120px', top: '330px' }}></div>
            <div style={{ width: '90%', position: 'absolute', top: '410px',marginLeft:'5%'}}>
                <span style={{fontSize:'19px'}}>
                    第二批国家级非物质文化遗产项目京剧代表性传承人，北京京剧院梅兰芳京剧团团长，京剧表演艺术家，国家-级演员。梅葆玖出身梨园世家，先祖梅巧玲为著名京剧且脚演员，父亲梅兰芳则是影响深远的“梅派"艺术创始人。梅葆玖自幼便在梅兰芳京剧团担任主演，较为全面地继承了梅派表演艺术，并享誉多个国家与地区，其培养的大批梅派艺术传人，也积极活跃在全国各地的戏曲舞台上。其表演流畅自然，臻于化境，嗓音清纯明亮，无论吐字行腔还是念白身段，法度森严，忠实继承了梅派艺术传统。代表作品有:《贵妃醉酒》《穆桂英挂帅》《四郎探母》等
                </span>
            </div>
        </div>
    )
}

